.component {
  &-list {
    background-color: $bgColor;
    border-radius: 8px;
    display: flex;
    padding: 2px;
    width: fit-content;

    &-item {
      background: transparent;

      border-radius: 6px;

      padding: 4px 7px;
      font-size: $fontSize;
      color: $textColorH1;
    }

    &-item-active {
      box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
      background: $colorWhite;
    }
  }
}
